<template>
<div id="box">
     <div class="small-box" v-for="(v,i) in data" :key="i">
      <img :src="v.url"><br>
      <span>{{v.text}}</span>
  </div>
</div>
 
</template>

<script>
export default {
    props:["data"]
}
</script>

<style scoped>
.small-box{
    width: 0.81rem;
    height: 0.935rem;
    /* padding-left: 1rem; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
}
.small-box img{
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.15rem;
}
.small-box span{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 0.12rem;
    color: #7e7e7e;
}
#box{
    display: flex;
    flex-wrap: wrap;
}
</style>